<script src="../../../dist/js/app.ba7de264.js"></script>
<template>
  <basic-container class="needDeal">
    <el-row :gutter="20">
      <el-col :span="5">
        <p class="treeTitle">草稿</p>
        <leftTree :treeData="treeData"></leftTree>
      </el-col>
      <el-col :span="19">
        <rightTable :tableOption="tableOption" :tableData="tableData"></rightTable>
      </el-col>
    </el-row>
  </basic-container>
</template>
<script>
  import leftTree from "./component/leftTree";
  import rightTable from "./component/rightTable";
  import tabsPane from "../../page/tabsPane";
  export default {
    components:{
      leftTree,
      rightTable,
      tabsPane
    },
    data(){
      return{
        treeData:[
          {
            id:'1',
            label:'全部',
            children:[
              {
                id:'11',
                label:'问题反馈',
                children:[]
              },{
                id:'12',
                label:'业务反馈',
                children:[]
              },{
                id:'13',
                label:'需求反馈',
                children:[]
              },
            ]
          }
        ],
        tableOption:{
          tag:'draft',
          menu:false,
          align:'center',
          menuAlign:'center',
          index:true,
          indexFixed:true,
          indexLabel:'序号',
          selection:true,
          selectionFixed:true,
          selectClearBtn:false,
          searchMenuPosition:'right',
          addBtn:false,
          // columnBtn:false,
          // refreshBtn:false,
          column:[
            {
              label:'业务类型',
              prop:'type',
              type:'select',
              search:true,
            },{
              label:'编号编码',
              prop:'no',
              search:true,
            },
            {
              label:'存储时间',
              prop:'saveTime',
              type: "date",
              search: true,
              searchSpan:10,
              searchRange:true,
              format: "yyyy-MM-dd hh:mm:ss",
              valueFormat: "yyyy-MM-dd hh:mm:ss",
            },
          ]
        },
        tableData:[
          {
            no:'YL147852',
            operation:'问题反馈',
            des:'事情是这样的，巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉',
            sponsor:'张三',
            units:'小猴子',
            type:'项目管理',
            saveTime:'2021-02-22 12:25:11',
            dwell:'12小时',
          },{
            no:'YL147852',
            operation:'问题反馈',
            des:'事情是这样的，巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉',
            sponsor:'张三',
            units:'小猴子',
            type:'项目管理',
            saveTime:'2021-02-22 12:25:11',
            dwell:'12小时',
          },{
            no:'YL147852',
            operation:'问题反馈',
            des:'事情是这样的，巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉',
            sponsor:'张三',
            units:'小猴子',
            type:'项目管理',
            saveTime:'2021-02-22 12:25:11',
            dwell:'12小时',
          },{
            no:'YL147852',
            operation:'问题反馈',
            des:'事情是这样的，巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉',
            sponsor:'张三',
            units:'小猴子',
            type:'项目管理',
            saveTime:'2021-02-22 12:25:11',
            dwell:'12小时',
          },{
            no:'YL147852',
            operation:'问题反馈',
            des:'事情是这样的，巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉',
            sponsor:'张三',
            units:'小猴子',
            type:'项目管理',
            saveTime:'2021-02-22 12:25:11',
            dwell:'12小时',
          },{
            no:'YL147852',
            operation:'问题反馈',
            des:'事情是这样的，巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉',
            sponsor:'张三',
            units:'小猴子',
            type:'项目管理',
            saveTime:'2021-02-22 12:25:11',
            dwell:'12小时',
          },{
            no:'YL147852',
            operation:'问题反馈',
            des:'事情是这样的，巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉',
            sponsor:'张三',
            units:'小猴子',
            type:'项目管理',
            saveTime:'2021-02-22 12:25:11',
            dwell:'12小时',
          },
        ],
        tabList:[
          {
            name:'待发起',
            label:'待发起',
          },
          {
            name:'待审批',
            label:'待审批',
          },
          {
            name:'已发起',
            label:'已发起',
          },
          {
            name:'已审批',
            label:'已审批',
          }
        ]
      }
    },
    methods:{
      tabChange(tab){
        console.log(tab)
      }
    }
  }
</script>
<style lang="scss" scoped>
  .basic-container{
    .el-row{
      height: 100%;
    }
    .el-col{
      background: #fff;
      padding: 18px;
      height: 100%;
    }
    .treeTitle{
      padding: 0 15px;
      margin: 0;
    }
  }
</style>
<style lang="scss">
  .basic-container.needDeal{
    .el-card{
      background: none;
      height: 100%;
    }
    .el-card__body{
      padding: 0px;
      background: none;
      height: 100%;
    }
  }
</style>

